<template>
  <div class="admin-develop-form" :style="`height: ${documentHeight}px;`">
    <div class="develop_task-search">
      <div class="develop_task-search_martio">
        <div class="develop_task-search_text">API接口文档</div>
        <div class="develop_task-search_box">
          <i class="el-icon-search"></i>
          <el-input placeholder="请输入搜索内容" v-model="selectInput" @input="selectClick"></el-input>
        </div>
      </div>
    </div>
    <div class="develop-api_box">
      <apiLft></apiLft>
      <apiRight></apiRight>
    </div>
  </div>
</template>
<script>
  import apiLft from './widget/api-left.vue'
  import apiRight from './widget/api-right.vue'
  export default {
    components: {
      apiLft,
      apiRight
    },
    data () {
      return {
        selectInput: '',
        documentHeight: 0,
        conversionFool: true
      }
    },
    mounted () {
      this.init()
    },
    methods: {
      async init () {
        var h = document.documentElement.clientHeight || document.body.clientHeight
        this.documentHeight = h - 74
      },
      async selectClick () {

      }
    }
  }
</script>
<style lang="scss">
  @import "./var.scss";
</style>